<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet library="css" name="default.css" />
        <h:outputStylesheet library="css" name="menu.css" />
        <title><ui:insert name="title" /></title>
        <link rel="shortcut icon" type="image/ico" href="#{request.contextPath}/images/icono.ico" />
    </h:head>

    <h:body>

        <div id="header_outter">
            <ui:insert name="top">
                <div id="header_inner">
                    <div id="logo">
                        <img src="../images/subway-logo.png" width="152" height="44" alt="subway-logo"/>
                        <h1>El Salvador</h1>
                    </div><!-- end of logo -->
                    <div id="search">
                        <table border="0" width="1" cellspacing="1">
                            <tbody>
                                <tr>
                                    <label>BUSCAR</label>
                                    <td><input id="searchtxt" name="search" type="text" title="Buscar"/>
                                    </td>
                                    <td><input id="searchbtn" type="submit" value="BUSCAR" name="searchbtn" /></td>
                                </tr>
                            </tbody>
                        </table>
                    </div><!-- end of search -->
                    <div id="Menu-wrapper">
                        <ul id="Menu">
                            <li class="istylei0"><a href="index.xhtml">
                                    <img src="../images/i_home.gif" width="10" height="10" alt="i_home"/>
                                    <span>Inicio</span></a>
                                <li class="istylei0"><a href="menu.xhtml"><span>Men&uacute;</span>
                                        <img class="hiddenhover-img" src="../images/down-menu.png" width="10" height="10" alt="down-menu"/>
                                        <img class="up-menu" src="../images/up-menu.png" width="10" height="10" alt="down-menu"/></a>
                                    <ul class="istylem0">
                                        <li><a href="#"><b>Todos los sandwiches</b></a></li>
                                        <li><a href="#">$5 FOOTLONGS &trade;</a></li>
                                        <li><a href="#">Frituras frescas</a></li>
                                        <li><a href="#">Productos destacados</a></li>
                                        <li><a href="#">Desayunos</a></li>
                                        <li><a href="#">Ensaladas</a></li>
                                        <li><a href="#">Kit para niños</a></li>
                                        <li><a href="#">Bebidas y m&aacute;s</a></li>
                                        <li class="istylei1"><a>&nbsp;</a></li>
                                    </ul>
                                </li>
                                <li class="istylei0"><a href="promociones.xhtml"><span>Promociones</span>
                                        <img class="hiddenhover-img" src="../images/down-menu.png" width="10" height="10" alt="down-menu"/>
                                        <img class="up-menu" src="../images/up-menu.png" width="10" height="10" alt="down-menu"/></a>
                                    <ul class="istylem1">
                                        <li><a href="#"><b>Functional Samples</b></a></li>
                                        <li><a href="#"><b>Templates (Vista Style)</b></a></li>
                                        <li><a href="#"><b>New Templates</b></a></li>
                                        <li><a href="#">AJAX Menu </a></li>
                                        <li><a href="#"><i>Vista Styles (Part 1)</i></a></li>
                                        <li><a href="#"><i>Tab Styles</i></a></li>
                                        <li><a href="#">Javascript API</a></li>
                                        <li><a href="#">Vista Style 1</a></li>
                                        <li><a href="#">IE7 Style
                                                <img src="../images/rigth-menu.png" width="10" height="10" style="margin-left: 105px" alt="rigth-menu"/></a>
                                            <ul>
                                                <li><a href="#">Office Style 1</a></li>
                                                <li><a href="#">Office Style 2</a></li>
                                                <li><a href="#">Office Style 3</a></li>
                                                <li><a href="#">Office Style 4</a></li>
                                                <li class="istylei1"><a>&nbsp;</a></li>
                                            </ul>
                                        </li>
                                        <li class="istylei1"><a>&nbsp;</a></li>
                                    </ul>
                                </li>
                                <li class="istylei0"><a href="pedidos.xhtml">Pedido
                                        <img class="hiddenhover-img" src="../images/down-menu.png" width="10" height="10" alt="down-menu"/>
                                        <img class="up-menu" src="../images/up-menu.png" width="10" height="10" alt="down-menu"/></a>
                                    <ul>
                                        <li><a href="#">License Agreement</a></li>
                                        <li><a href="#">Buy Deluxe Menu </a></li>
                                        <li><a href="#">Order Non-profit License</a></li>
                                        <li><a href="#"><span>License Types</span>
                                                <img src="../images/rigth-menu.png" width="10" height="10" style="margin-left: 80px" alt="rigth-menu"/></a>
                                            <ul>
                                                <li><a href="#">Non-profit License</a></li>
                                                <li><a href="#">Single Site License</a></li>
                                                <li><a href="#">Multiple Site License</a></li>
                                                <li><a href="#">Developer &amp; Enterprise</a></li>
                                                <li class="istylei1"><a>&nbsp;</a></li>
                                            </ul>
                                        </li>
                                        <li class="istylei1"><a>&nbsp;</a></li>
                                    </ul>
                                </li>
                                <li class="istylei0"><a href="contactos.xhtml"><span>Cont&aacute;ctenos</span>
                                        <img class="hiddenhover-img" src="../images/down-menu.png" width="10" height="10" alt="down-menu"/>
                                        <img class="up-menu" src="../images/up-menu.png" width="10" height="10" alt="down-menu"/></a>
                                    <ul>
                                        <li><a href="#"><img src="../images/facebook-logo.png" width="24" height="24" alt="facebook-logo"/>
                                                Búscanos en Facebook</a></li>
                                        <li><a href="#"><img src="../images/Twitter_logo.png" width="24" height="24" alt="Twitter_logo"/>
                                                Síguenos en Twitter</a></li>
                                        <li><a href="#"><img src="../images/youtube-logo.png" width="24" height="24" alt="youtube-logo"/>
                                                Youtube</a></li>

                                        <li class="istylei1"><a>&nbsp;</a></li>
                                    </ul>
                                </li>
                            </li>
                        </ul>
                    </div><!-- end of menu_header -->
                </div><!-- end of header_inner -->

            </ui:insert>
        </div><!-- end of header_outter -->

        <div id="content_outter">
            <ui:insert name="content">
                <!-- El contenido irá en cada página Template Client "hija"-->
            </ui:insert>

        </div><!-- end of content_outter -->
        <div id="cleaner_h5"></div><!-- end of cleaner_h5 -->
        <div id="footer_outter">
            <ui:insert name="bottom">
                <div id="footer">
                    <ul class="footer_menu">
                        <div id="redes_s">
                            <a href="#"><img src="images/facebook-logo.png"  title="Búscanos en Facebook!"/></a>
                            <a href="#"><img src="images/Twitter_logo.png" title="Síguenos en Twitter!"/></a>
                            <a href="#"><img src="images/youtube-logo.png" title="Mira nuestro canal en Youtube!"/></a>
                        </div>
                        <li><a href="index.xhtml" target="_parent">Inicio</a></li>
                        <li><a href="menu.xhtml" target="_parent">Men&uacute;</a></li>
                        <li><a href="promociones.xhtml" target="_parent">Promociones</a></li>
                        <li><a href="pedidos.xhtml" target="_parent">Pedido</a></li>
                        <li class="last_menu"><a href="contactos.xhtml" target="_parent">Contacto</a></li>
                    </ul>

                    Copyright © 2012 <a href="#">Subway El Salvador</a> | 
                    Designed by ASI II <span>Grupo 4 </span><a href="http://ufg.edu.sv/" target="_blank">www.ufg.edu.sv</a> |
                    Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; 
                    <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
                </div>
            </ui:insert>
        </div><!-- end of footer_outter -->

    </h:body>

</html>
